.register{display: flex; align-items: center; width: 100%; min-height: 100vh;}
.loginBox{position: relative; width: 650rpx; padding-bottom: 15vh; margin: 0 auto; z-index: 10;}
.loginBox .bigFont{font-size: 26rpx;}
.loginBox .logo{width: 130rpx; display: block; margin: 0 auto 70rpx; padding: 10rpx; border-radius: 15rpx; background-color: #e70012;}

.other{font-size: 26rpx; text-align: center; margin: 50rpx 0 30rpx;}
.out{font-size: 24rpx; text-align: center; margin-top: 100rpx; color: #999999;}

.bgBox{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; background-size: 100%; animation: bg 5s linear infinite; background-size: cover;  z-index: 1;}

@keyframes bg {
	0%,100%{transform: scale(1); opacity: .4;}
	50%{transform: scale(1.2); opacity: .1;}
}

@keyframes show1 {
	0%{transform: scale(0);}
	50%{transform: scale(4); opacity: .4;}
	100%{opacity: 0;}
}
@keyframes show2 {
	0%{transform: scale(0);}
	100%{transform: scale(7); opacity: .2;}
	100%{opacity: 0;}
}
@keyframes show3 {
	0%{transform: scale(0);}
	100%{transform: scale(10); opacity: .1;}
	100%{opacity: 0;}
}


.top{position: relative; display: block;overflow: hidden;background: #d9232f;color: #fff; padding: 20rpx; border-radius: 10rpx; box-shadow: 0 0 20rpx rgba(0,0,0,.3);}
.top .hello{ text-align: left;}
.top .hello h3{font-size: 34rpx; color: #fff; font-weight: bold;}
.top .hello p{font-size: 28rpx; color: #fff; margin-top: 20rpx;}
.top .hello .openid{font-size: 26rpx; margin-top: 100rpx;}
.top .loginBtn{width: 50%; margin: 0 auto; text-align: center;}
.contactBox .icon{position: absolute; top: 50rpx; right: 50rpx; width: 75rpx; height: 75rpx; display: flex; align-items: center; justify-content: center; background-color: #fff; border-radius: 50%; z-index: 10;}
.contactBox .bg1{position: absolute; top: 50rpx; right: 50rpx; width: 70rpx; height: 70rpx; transform: scale(4); background-color: #fff; opacity: .2; border-radius: 50%; }
.contactBox .bg2{position: absolute; top: 50rpx; right: 50rpx; width: 70rpx; height: 70rpx; transform: scale(7); background-color: #fff; opacity: .1; border-radius: 50%; }
.contactBox .bg3{position: absolute; top: 50rpx; right: 50rpx; width: 70rpx; height: 70rpx; transform: scale(10); background-color: #fff; opacity: .05; border-radius: 50%; }



.contact{ margin-top: 20rpx;}
.contact ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.contact ul li{width: 210rpx; height: 210rpx; margin: 20rpx 0; background-color: #fff; border-radius: 5px; box-shadow: 0 0 10rpx rgba(0,0,0,.2);}
.contact ul li h4{ text-align: center; font-size: 28rpx;}
.contact ul li .flex_btn{width: 100%; height: 100%;border: none; padding: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: #fff;}
.popup{display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.8);z-index: 10;}
.popup .popcontent{width: 550rpx; padding: 25rpx; border: 1px solid #eee; background-color: #fff; border-radius: 15rpx;}
.popup .popcontent .poptext{font-size: 28rpx; line-height: 1.8; margin-bottom: 25rpx;}
.popup .popcontent .poptext text{color: #d9232f; text-decoration: underline;}
.popup .popcontent .btns{display: flex; justify-content: space-between;}
.popup .popcontent .btns .btn{width: 48%;}

.popup .popcontent .privacyTit{text-align: center; font-size: 34rpx; font-weight: bold; margin-bottom: 20rpx;}

.personInfo{margin: 0 0 30rpx;display: flex; align-items: center; }
.ava{width: 100rpx; height: 100rpx; padding: 0; margin: 0; margin-right: 20rpx;}
.ava .avatar-wrapper{display: block; border-radius: 50%;}
.ava .avatar{display: block; width: 100rpx; height: 100rpx;}
.personInfo .userDetail{}
.personInfo .userDetail .nicknameBox{font-size: 26rpx; font-weight: bold;}
.personInfo .userDetail .phoneBox{font-size: 28rpx; margin-top: 10rpx;}



.topInfo{padding-bottom: 50rpx; padding-top: 30rpx; background-color: #fff; box-shadow: 0 5rpx 15rpx rgba(0,0,0,.1);}

.darkBg{min-height: 100vh; background-color: #f4f5fa;}

.logo{margin-bottom: 50rpx;}
.logo image{display: block; width: 60%; margin: 0 auto;}

.ewmBox{width: 500rpx; padding: 25rpx;}
.ewmBox image{display: block; width: 100%;}
.ewmBox h3{font-size: 30rpx; text-align: center; font-weight: bold; margin-top: 20rpx;}



.userContent{height: 100vh;display: flex; justify-content: center; align-items: center; flex-direction: column; }
.cBox{width: 500rpx; padding: 25rpx; background-color: #fff;}
.userContent .cell{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20rpx; padding-bottom: 20rpx; border-bottom: 1px solid #eee;}
.userContent .cell.thead{font-weight: bold; font-size: 28rpx;}
.userContent .cell.thead .ava{height: auto;}
.userContent .cell .label{width: 30%;}
.userContent .cell .w70{width: 65%;}
.userContent .cell .num{width: 100rpx; margin-right: 10rpx; text-align: center;}
.userContent .cell .ava{width: 80rpx; height: 80rpx;  margin-right: 15rpx; text-align: center;}
.userContent .cell .ava image{display: block; width: 100%;  height: 100%; border-radius: 50%;}
.userContent .cell .nickname{width: 150rpx; margin-right: 15rpx; font-size: 26rpx; font-weight: bold; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; text-align: center;}
.userContent .cell .score{width: 100rpx; margin-right: 15rpx; text-align: center;}
.userContent .cell .alltime{width: 150rpx; text-align: center;}

